body {
    font-family: Arial, sans-serif;
}

.title {
    font-size: 26px;
    font-weight: bold;
    width: 200px;
    white-space: nowrap;
    margin: 15px 0 0 5px;
}

a.title { margin: 3px }

a.title:hover { 
   /* border: 1px dashed black;
   border-radius: 12px; */
}

#userInfo {
    margin: 7px 0 0 2px;
    background-color: #eee;
    color: #000;
    padding: 3px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    width: 140px;
    white-space: nowrap;
    overflow: inherit;
}

.help {
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 60px;
}

.help a {
    border: 0;
}

.fileNameLabel {
    text-align: right;
    font-size: 12px;
}

a.rollover {
    display: block;
    width: 18px;
    height: 22px;
    text-decoration: none;
    background: url("../smartclient8/js/isomorphic/skins/Enterprise/images/pickers/clear_picker.png");
    background-repeat: no-repeat;
}

a.rollover:hover {
    background: url("../smartclient8/js/isomorphic/skins/Enterprise/images/pickers/clear_picker_Over.png");
}

a.endEditRollover {
    display: block;
    width: 16px;
    height: 16px;
    text-decoration: none;
    background: url("../smartclient8/js/isomorphic/skins/Enterprise/images/actions/approve.png");
    background-repeat: no-repeat;
}

a.endEditRollover:hover {
    background: url("../smartclient8/js/isomorphic/skins/Enterprise/images/actions/approve.png");
    border: 1px solid green;
    background-repeat: no-repeat;
}

.widgetForm {
    margin: 3px 0px 3px 3px;
}

.required {
    color: red;
    font-size: 16px;
}

.suggest {
    font-weight: bold;
}

.dataModelNameLabel, .formNameLabel, .tableModelNameLabel {
    font-size: 0.8em;
}

.logoutButtonStyle, .logoutButtonStyleOver, .logoutButtonStyleDown {
    font-size: 0.9em;
}


.formLabel {
    font-weight: bold;
    color: blue;
    font-size: 16px;
}

.referenceTextFields {
    width: 100px;
}

/* -----------------------------------------
   Module Editor
   ----------------------------------------- */

.borderedTile, .borderedTileSelected, .borderedTileOver, .borderedTileSelectedOver {
    border: 1px solid #aaaaaa;
    color: black;
    -webkit-border-radius: 12px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius: 12px;
    -moz-border-radius-topleft: 20px;
    border-radius: 12px;
    border-top-left-radius: 20px;
}

.borderedTileSelected, .borderedTileSelectedOver {
    background-color: #E0F2F7;
    color: white;
}

.moduleCreateInstructions {
    margin: 0;
}

/* -----------------------------------------
   Main Entrance
   ----------------------------------------- */

.mainLabelStyle {
    background-color: white;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    border: 1px solid #E0F2F7;
    border-radius: 12px;
    background: #ebf1f6; /* Old browsers */
    background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}

.mainLabelStyle:hover {
    background: #fff1ff; /* Old browsers */
    background: -moz-linear-gradient(top, #fff1ff 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff1ff), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff1ff 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff1ff 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff1ff 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(top, #fff1ff 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1ff', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}

.mainLabelStyle a  {
    text-decoration: none;
}

.mainLabelStyle a:hover  {
    text-decoration: underline;
}

/* -----------------------------------------
   Workbench 
   ----------------------------------------- */
   
.appCombo {
    font-family:arial;
    font-size:11px;
    white-space:nowrap; 
    overflow:hidden;
    width:170px;
    float:left
}

/* Warning Related */

.warning {
    font-weight: bold;
    font-size: 18px;
}

.exampleTitle {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #ffffd0;
}